<template>
  <div class="weui-tab__bd">
    <div class="weui-tab__bd-item weui-tab__bd-item--active">
      <div class="weui-cell weui-flex list-title">
        <div class="weui-flex__item" v-for="(t, index) in title" :key="index">{{t}}</div>
      </div>

      <div class="weui-cell weui-flex" v-for="(d, index) in data" :key="index">
        <div class="weui-flex__item" v-for="(cell, cindex) in d" :key="cindex" v-html="cell"></div>
      </div>

    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
    }
  },
  props: {
    title: {
      type: Array,
      default: function() {
        return []
      }
    },
    data: {
      type: Array,
      default: function() {
        return []
      }
    }
  },
  mounted() {
  },
  methods: {
  },
  computed: {
  },
  components: {
  }
}

</script>

<style lang="less">

.weui-bar__item--on {
  color: #F9F9F9 !important;
  background-color: #7ccc7f!important;
}

.weui-tab__bd-item {
  margin-top: 10px;
  background-color: #fff;
}

.weui-flex {
  text-align: center;
}

// .list-user-img {
//   height: 50px; 
//   width: 50px;
//   border-radius: 5px;
// }

.list-title {
  color:#C3C3C3;
}

// .sell-diamonds {
//   width: 25px;
//   vertical-align: bottom;
// }
</style>